{extend name="common/base" /}
{block name='title'}编辑课程 - 资讯管理{/block}

{block name="body"}
<article class="Hui-admin-page-container">
    <form class="form form-horizontal" id="form-article-add">
        <input name="id" value="{$data.id}" type="hidden">
        <div class="row clearfix">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>课程标题：</label>
            <div class="form-controls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="{$data.title}" placeholder="" id="title" name="title">
            </div>
        </div>
        <div class="row clearfix">
                <label class="form-label col-xs-4 col-sm-2">类型：</label>
                <div class="form-controls col-xs-8 col-sm-9"> <span class="select-box" style="width:150px;">
                    <select class="select" name="cate_id" size="1">
                        {foreach $types as $k=>$v}
                        <option value="{$v.id}"  {if $v.id eq $data.cate_id}selected{/if}>{$v.cate}</option>
                        {/foreach}
                    </select>
                    </span>
                </div>
         </div>
        <div class="row clearfix">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>价格：</label>
            <div class="form-controls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="{$data.price}" placeholder="" id="title_en" name="price">
            </div>
        </div>

        <div class="row clearfix">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>排序值：</label>
            <div class="form-controls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="{$data.sort}" placeholder="" id="articleSort" name="sort">
            </div>
        </div>
        <div class="row clearfix">
            <label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>讲师：</label>
            <div class="form-controls col-xs-8 col-sm-9">
                {php}$lid = explode(',', $data['teacher']);{/php}
                {foreach $lecturer as $k=>$v}
                <input type="checkbox" value="{$v.id}" {if in_array($v.id, $lid)}checked{/if} placeholder=""  name="lecturer">{$v.title}
                {/foreach}
            </div>
        </div>


        <div class="row clearfix">
            <label class="form-label col-xs-4 col-sm-2">封面图：</label>
            <div class="form-controls col-xs-8 col-sm-9">
                <div id="uploadLists" ><img src="{$data.icon}" height="100"></div>
                <span class="btn-upload">
                        <a href="javascript:void();" class="btn btn-primary radius btn-upload"><i class="Hui-iconfont">&#xe642;</i> 浏览文件</a>
                        <input type="file"  name="btn-upload" id="btn-upload" class="input-file">
                    </span>
            </div>
        </div>
        <div class="row clearfix">

                </div>
                <div class="row clearfix">
                    <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-2">
                    <button class="btn btn-primary radius" type="submit"><i class="Hui-iconfont">&#xe632;</i> 提交</button>
                <button onClick="layer_close();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
                </div>
                </div>
                </form>
                </article>
                <input name="uploadImage" type="hidden" value="{:url('upload/uploadImage')}">
                    <input name="image" type="hidden" value="{$data.icon}">


                    {/block}

                {block name="js"}
                <!--请在下方写此页面业务相关的脚本-->
                <script type="text/javascript" src="__LIB__/jquery.validation/1.14.0/jquery.validate.js"></script>
                <script type="text/javascript" src="__LIB__/jquery.validation/1.14.0/validate-methods.js"></script>
                <script type="text/javascript" src="__LIB__/jquery.validation/1.14.0/messages_zh.js"></script>
                <script type="text/javascript" src="__LIB__/webuploader/0.1.5/webuploader.min.js"></script>
                <script type="text/javascript" src="__LIB__/ueditor/1.4.3/ueditor.config.js"></script>
                <script type="text/javascript" src="__LIB__/ueditor/1.4.3/ueditor.all.min.js"> </script>
                <script type="text/javascript" src="__LIB__/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
                <script type="text/javascript" src="__JS__/main.js"></script>
                <script type="text/javascript">
                    $(function(){
                        // 复选框样式
                        $('.skin-minimal input').iCheck({
                            checkboxClass: 'icheckbox-blue',
                            radioClass: 'iradio-blue',
                            increaseArea: '20%'
                        });
                        // 是否评论
                        $('#articleComment').on('ifChecked', function(event){
                            $("#comment-datetime-start,#comment-datetime-end").attr("disabled",false).removeClass("disabled");
                        });
                        $('#articleComment').on('ifUnchecked', function(event){
                            $("#comment-datetime-start,#comment-datetime-end").attr("disabled",true).addClass("disabled");
                        });

                        // 设置评论日期
                        $("#comment-datetime-start").datetimepicker({
                            format: 'yyyy-mm-dd',
                            minView: "month",
                            todayBtn:  1,
                            autoclose: 1,
                            endDate : new Date(),
                        }).on('changeDate', function(event) {
                            event.preventDefault();
                            event.stopPropagation();
                            var startTime = event.date;
                            $('#search-datetime-end').datetimepicker('setStartDate',startTime);
                        });
                        $("#comment-datetime-end").datetimepicker({
                            format: 'yyyy-mm-dd',
                            minView: "month",
                            todayBtn:  1,
                            autoclose: 1,
                            endDate : new Date(),
                        }).on('changeDate', function(event) {
                            event.preventDefault();
                            event.stopPropagation();
                            var endTime = event.date;
                            $("#search-datetime-start").datetimepicker('setEndDate',endTime);
                        });

                        // 班级摘要
                        $(".textarea-article").Huitextarealength({
                            minlength: 10,
                            maxlength: 500
                        });



                        // 表单提交验证
                        $("#form-article-add").validate({
                            rules: {
                                title: {
                                    required: true,
                                },
                            },
                            onkeyup: false,
                            focusCleanup: true,
                            success: "valid",
                            submitHandler: function(form){
                                var url = "{:url('web/edit_kc')}";
                                var id = $("input[name='id']").val();
                                var title = $("input[name='title']").val();
                                var price = $("input[name='price']").val();
                                var image = $("input[name='image']").val();
                                var sort = $("input[name='sort']").val();
                                var cate_id = $("select[name='cate_id']").val();
                                var lecturer = [];
                                $("input[name='lecturer']:checked").each(function(index,ele){
                                    if($(ele).val() != 0){
                                        lecturer.push($(ele).val());
                                    }
                                });

                                var lecturers = lecturer.join(',');
                                if(lecturers == ''){
                                    layer.msg('请选择讲师',{icon:2,time:1000});
                                    return false;
                                }
                                $.ajax({
                                    url : url ,
                                    type : 'post',
                                    dataType : 'json',
                                    data : {
                                        'title' : title,
                                        price : price,
                                        icon : image,
                                        sort : sort,
                                        id : id,
                                        teacher:lecturer,
                                        cate_id:cate_id
                                    },
                                    success :function(ret){
                                        if(0 == ret.code){
                                            layer.msg(ret.msg, { icon:1,time:1000 });
                                            var index = parent.layer.getFrameIndex(window.name);
                                            parent.location.replace(parent.location.href)
                                            parent.layer.close(index);
                                        }else{
                                            layer.msg(ret.msg, { icon:2,time:1000 });
                                        }
                                    }
                                });
                                //$(form).ajaxSubmit();
                            }
                        });
                    });

                </script>
                <!--/请在上方写此页面业务相关的脚本-->
                {/block}